<!--<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>-->
<!--<%@ page contentType="text/html;charset=UTF-8" language="java" %>-->
<!--<!DOCTYPE html>-->
<html xmlns:jsp="http://java.sun.com/JSP/Page">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
    <title></title>
<!--    <link rel="stylesheet" href="css/bootstrap.min.css" />-->
<!--    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">-->
<!--     <link rel="stylesheet" href="css/fonts.googleapis.com.css">-->
<!--    <link rel="stylesheet" href="fonts/fontawesome-all.min.css" />-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
<!--&lt;!&ndash;    <link href="${pageContext.request.contextPath}/images/bitbug_favicon.ico" rel="icon" type="image/x-ico">&ndash;&gt;-->
<!--    <script src="js/jquery.min.js"></script>-->
<!--    <script src="js/bootstrap.min.js"></script>-->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <!--使用Bootstrap的js插件，必须先调入jQuery-->
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>

    <!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

</head>
<body>

<!--<%&#45;&#45;引入头部&#45;&#45;%>-->
<jsp:include page="userNav.html"></jsp:include>
<!--<%&#45;&#45;引入头部&#45;&#45;%>-->

<div class="container">
    <div class="row clearfix">

<!--        <%&#45;&#45;引入用户信息左侧导航栏&#45;&#45;%>-->
<!--        <jsp:include page="userInfoLeftNav.jsp"></jsp:include>-->
<!--        <%&#45;&#45;引入用户信息左侧导航栏&#45;&#45;%>-->
        <div class="col-md-3 column mb-5">
            <div class="list-group" style="width: 200px; float: right;">
                <div class="list-group-item" style="background-color: #0D62B2;">
                    <span style="font-size: 20px;color: white">订单信息</span>
                </div>
                <div class="list-group-item" style="background-color: #DCDCDC;">
                    <a href="${pageContext.request.contextPath}/orderInfo/findUserOrder?userId=${sessionScope.userInfo.user_id}">
                        <span style="color: #000000;">订单查看</span>
                    </a>
                </div>
                <div class="list-group-item" style="background-color: #DCDCDC;">
                    <a href="${pageContext.request.contextPath}/evaInfo/findUserEvaInfo">
                        <span style="color: #000000;">评价查看</span>
                    </a>
                </div>
                <div class="list-group-item" style="background-color: #0D62B2;">
                    <span style="font-size: 20px;color: white">信息管理</span>
                </div>
                <div class="list-group-item" style="background-color: #DCDCDC;">
                    <a href="${pageContext.request.contextPath}/userInfo/toUserInfoCenter">
                        <span style="color: #000000;">个人信息</span>
                    </a>
                </div>
                <div class="list-group-item" style="background-color: #DCDCDC;">
                    <a href="${pageContext.request.contextPath}/pages/updateUserInfo.jsp">
                        <span style="color: #000000;">信息修改</span>
                    </a>
                </div>

            </div>
        </div>
            <div class="col-sm-2 border border-right-0">
<!--                <img  name = "userPhoto" id = "userPhoto" src="${pageContext.request.contextPath}/images/${sessionScope.userInfo.user_photo}" class="img-thumbnail" alt="Cinque Terre" width="154" height="106">-->
                <span>点击头像即可修改</span>
            </div>

            <div class="col-sm-7 border border-left-0" style="font-size: 20px;">
                <form action="${pageContext.request.contextPath}/userInfo/updateUser" method="post"  enctype="multipart/form-data">

                    <input type="file"  hidden id = "upadteUserPhoto" name = "upadteUserPhoto" accept="image/gif, image/jpeg , image/jpg, image/png" ></p>
                    <p><span class="font-weight-bolder">用户名：</span><input type="text" readonly value="${sessionScope.userInfo.user_account}" ></p>
                    <p><span class="font-weight-bolder">&nbsp;&nbsp;&nbsp;&nbsp;姓名：</span><input name = "updateUsername" id = "updateUsername" type="text"
                                                                                                 value="${sessionScope.userInfo.user_name}"></p>

                    <p><span class="font-weight-bolder">手机号：</span><input type="text" name = "updateUserphone" id = "updateUserphone" value="${sessionScope.userInfo.user_phone}"></p>
                    <p><span class="font-weight-bolder">主地址：</span><input type="text" name="updateUseraddressed" id = "updateUseraddressed" value="${sessionScope.userInfo.user_addressed}"></p>
                    <p><span class="font-weight-bolder">&nbsp;&nbsp;&nbsp;&nbsp;密码：</span><input type="text" name = "updatePassword" id="updatePassword"
                                                                                                 value="${sessionScope.userInfo.user_password}"></p>
                    <input type="submit" class="btn btn-info" style="width: 150px;margin-left: 100px;" value="确认修改">
                </form>
            </div>

    </div>
</div>

    <!-- footer -->
<!--    <jsp:include page="userFooter.jsp"></jsp:include>-->
    <!-- footer -->
<div style="margin-top: 50px;"></div>
<div class=" sticky-footer">
    <div >
<!--        <img src="${pageContext.request.contextPath}/images/floor.png" width="1518px" />-->
    </div>
        <div style="background-color: #2b2b2b; height: 30px;"></div>
    <div style="background-color: #2b2b2b;color: #dcdcdc; height: 100px;">
               <div style="margin-left: 700px;"><a href=""><span style="color: #dfdfdf;">| 后台登陆 |</span></a></div>
        <div style="/*margin-top: 30px*/;margin-left: 645px;"><div style="margin-top: 50px;display: inline-block"></div><span class = "text-center my-auto copyright">Copyright © OrderSystem 2021</span>

        </div>
    </div>
<!--    <%&#45;&#45;    <div class="container my-auto">&#45;&#45;%>-->
<!--    <%&#45;&#45;        <div class="text-center my-auto copyright" ><span>Copyright © OrderSystem 2021</span></div>&#45;&#45;%>-->
<!--    <%&#45;&#45;    </div>&#45;&#45;%>-->
</div>

</body>
<script src ="http://libs.baidu.com/jquery/1.9.0/jquery.easing.js"></script>
<script>
    $(document).ready(function(){
        $("#userPhoto").click(function (){
            $("#upadteUserPhoto").click();
        });

    });


</script>
</html>
